﻿@model HelloMinasan.Web.Song.ViewModels.SongAdminModel

@{
    ViewBag.Title = "Song Control";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    #lyricDetail
    {
        position: absolute;
        top: 200px;
        left: 300px;
        width: 550px;
        background-color: white;
    }

    #controlItems
    {
        background-color: #e5e5e5;
        padding: 5px;
    }
</style>
<script>
    var userSearchTextValue = "";
    var keywordSearchTextValue = "";
    var isShowUnapproved = false;
    $(document).ready(function () {
        $(document).ready(function () {
            $("#inputUserSearch").autocomplete("/Services/SuggestUser");
        });
        $("#lyricDetail").hide();
        $("#lyricDetail").draggable();
    });
    function closeLyrics() {
        $("#lyricDetail").hide(200);
    }
    function showLyrics(sId) {
        $.ajax(
        {
            type: "POST",
            url: "/Admin/LyricPartial",
            data: { songId: sId },
            success: function (result) {
                $("#lyricItems").html(result);
                $("#lyricDetail").show(200);
            }
        });

    }
</script>
<script src="~/Content/Js/CommunityFunction.js"></script>
<link href="../../Content/jquery.msgbox.css" rel="stylesheet" />
<div align="right" style="padding-right: 20px;">
    <h1 class="titleNewFont">
        <img src="~/Content/Images/song.png" />
        Songs management</h1>
</div>
<div class="searchContainer" align="right">
    <input id="inputUserSearch" class="inputUserSearch" placeholder="Username" type="text" /><input class="inputTextSearch" id="inputTextSearch" placeholder="Title song" type="text" />
    <button onclick="getSearchSongAdmin()" class="backgroundLinear inputButtonSearch">Search </button>
    <br />
</div>
<div style="padding-left:30px; display:none">
    <input id="checkboxSelection" type="checkbox" />Is Only Unapproved?
</div>
<div align="center" id="searchContentDiv">
    @Html.Partial("SongListPartial", Model)
</div>

<div id="lyricDetail" style="border: 1px solid #ccc">
    <div id="controlItems" align="right"><a onclick="closeLyrics()">Close </a></div>
    <div id="lyricItems"></div>
</div>
<div class="center">
    <img id="loaderIndicator" src="@Url.Content("~/Content/Images/loader.gif")" />
    <br />
    <span id="errorMessage"></span>
</div>
<script src="~/Scripts/jquery.min.js"></script>
<script src="../../Scripts/jquery.msgbox.min.js"></script>
<script src="~/Content/Js/SongAdmin.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<link href="~/Content/jquery.autocomplete.css" rel="stylesheet" />
<script src="~/Scripts/jquery.autocomplete.js"></script>